<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/conmmon.css">
    <link rel="stylesheet" href="./css/crowd.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/banner1.css">
</head>
<body>
    <div class="box">
        <!-- 头部开始 -->
        <header class="top">
            <span class="return"><</span>
            <p><span class="title">小米有品众筹</span></p>
        </header>
        <!-- 头部结束-->
        <!-- 主要内容开始 -->
        <main class="main">
            <div class="banner">
                    <div class="swiper mySwiper">
                      <div class="swiper-wrapper">
                        <div class="swiper-slide">
                          <img
                            src="./images/ban1.jpeg@base@tag=imgScale&q=80"
                            alt=""
                          />
                        </div>
                        <div class="swiper-slide">
                          <img
                            src="./images/ban2.jpeg@base@tag=imgScale&q=80"
                            alt=""
                          />
                        </div>
                      </div>
                      <div class="swiper-pagination"></div>
                    </div>
            </div>
            <div class="war">
                  <p class="dt">战术三防抗寒套装</p>      
                  <p class="dd">防风保暖，耐磨抗撕裂</p>    
                  <div class="bar">
                     <div class="war-bar"></div>
                     <span>155%</span>
                     <img src="./images/huo.png@base@tag=imgScale&h=21&m=1&q=80&w=17" alt="">
                  </div> 
                  <div class="support">
                    <div class="moeny">
                        <span class="accord">￥</span><span class="number">229</span><span class="qi">起</span>
                    </div>
                    <div class="content">立即支持</div>
                  </div>
                  <div class="war-bottom">
                    <div class="content">
                        <img src="./images/xiao1.png@base@tag=imgScale&h=25&m=1&q=80&w=25" alt="">
                        3365人支持
                    </div>
                    <div class="content">
                        <img src="./images/xiao.png@base@tag=imgScale&h=25&m=1&q=80&w=25" alt="">
                        已筹备155.6万元
                    </div>
                    <div class="content">
                        <img src="./images/xiao2.png@base@tag=imgScale&h=25&m=1&q=80&w=25" alt="">
                        3剩余3天
                    </div>
                  </div>
            </div>
            <div class="water">
                <div class="water-top">
                    <div class="img">
                        <img src="./images/cat.jpg@base@tag=imgScale&h=241&m=1&q=80&w=241" alt="">
                    </div>
                    <div class="content">
                        <p class="dt">喂食净水一体机</p>
                        <p class="dd">自动喂食称重，智能净水系统</p>
                        <div class="bar">
                            <div class="war-bar"></div>
                            <span>17%</span>
                        </div> 
                        <div class="water-support">
                            <div class="moeny">
                                <span class="accord">￥</span><span class="number">229</span><span class="qi">起</span>
                            </div>
                            <div class="content">立即支持</div>
                          </div>
                    </div>
                </div>
                <div class="water-bottom">
                    <div class="content">
                        <img src="./images/xiao1.png@base@tag=imgScale&h=25&m=1&q=80&w=25" alt="">
                        3365人支持
                    </div>
                    <div class="content">
                        <img src="./images/xiao.png@base@tag=imgScale&h=25&m=1&q=80&w=25" alt="">
                        已筹备155.6万元
                    </div>
                    <div class="content">
                        <img src="./images/xiao2.png@base@tag=imgScale&h=25&m=1&q=80&w=25" alt="">
                        3剩余3天
                    </div>
                  </div>
            </div>
            <div class="water">
                <div class="water-top">
                    <div class="img">
                        <img src="./images/car.jpg@base@tag=imgScale&h=241&m=1&q=80&w=241" alt="">
                    </div>
                    <div class="content">
                        <p class="dt">喂食净水一体机</p>
                        <p class="dd">自动喂食称重，智能净水系统</p>
                        <div class="bar">
                            <div class="war-bar"></div>
                            <span>17%</span>
                        </div> 
                        <div class="water-support">
                            <div class="moeny">
                                <span class="accord">￥</span><span class="number">229</span><span class="qi">起</span>
                            </div>
                            <div class="content">立即支持</div>
                          </div>
                    </div>
                </div>
                <div class="water-bottom">
                    <div class="content">
                        <img src="./images/xiao1.png@base@tag=imgScale&h=25&m=1&q=80&w=25" alt="">
                        3365人支持
                    </div>
                    <div class="content">
                        <img src="./images/xiao.png@base@tag=imgScale&h=25&m=1&q=80&w=25" alt="">
                        已筹备155.6万元
                    </div>
                    <div class="content">
                        <img src="./images/xiao2.png@base@tag=imgScale&h=25&m=1&q=80&w=25" alt="">
                        3剩余3天
                    </div>
                  </div>
            </div>
            <div class="look">
                查看往期众筹
            </div>
            <div class="Optimization">
                <span class="title">生活优选</span><span class="content">发现品质生活</span>
            </div>
            <div class="Medical">
                    <div class="water-top">
                        <div class="img">
                            <img src="./images/cat.jpg@base@tag=imgScale&h=241&m=1&q=80&w=241" alt="">
                        </div>
                        <div class="content">
                            <p class="dt">喂食净水一体机</p>
                            <p class="dd">自动喂食称重，智能净水系统</p>
                            <p class="life">生活优选首发14天限时低价</p>
                            <div class="water-support">
                                <div class="moeny">
                                    <span class="accord">￥</span><span class="number">229</span><span class="qi">起</span>
                                </div>
                                <div class="content">立即购买</div>
                              </div>
                        </div>
                    </div>
            </div>
            <div class="Optimization">
                <span class="title">猜你喜欢</span><span class="content">你喜欢的好物又回来了</span>
            </div>
            <ul class="content-list">
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
                <li class="content-list-item">
                    <img src="./images/time.jpg@base@tag=imgScale&h=343&m=1&q=80&w=343" alt="">
                    <div class="content">
                        <p class="dt">青萍蓝牙闹钟</p>
                        <p class="dd">时钟、温湿度计、一物多用</p>
                        <p class="Price"><span class="one">到手价</span><span class="two">￥</span><span class="three">69</span><span class="four">￥99</span></p>
                        <p class="After-sales">售后免邮</p>
                    </div>
                </li>
            </ul>
        </main>
       
        <!-- 主要内容结束 -->
    </div>
    <script src="./js/swiper-bundle.min.js"></script>
    <script src="./js/banner.js"></script>
</body>
</html>